﻿<UserControl x:Class="ImageCropper.VerticalGuideline"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <UserControl.Resources>
        <Storyboard x:Name="_fadeInStory1" Completed="_fadeInStory1_Completed">
            <DoubleAnimation From=".5" BeginTime="0:0:0" Duration="0:0:0.15" Storyboard.TargetName="_mlt" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation From=".5" BeginTime="0:0:0" Duration="0:0:0.15" Storyboard.TargetName="_mrt" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation To=".5" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_mlc" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation To=".5" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_mrc" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation To="1" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_lt" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation To="0" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_rt" Storyboard.TargetProperty="Offset"/>
        </Storyboard>
        <Storyboard x:Name="_fadeInStory2">
            <DoubleAnimation From=".5" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_mlc" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation From=".5" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_mrc" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation From="1" BeginTime="0:0:0" Duration="0:0:0.25" Storyboard.TargetName="_lt" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation From="0" BeginTime="0:0:0" Duration="0:0:0.25" Storyboard.TargetName="_rt" Storyboard.TargetProperty="Offset"/>
        </Storyboard>

        <Storyboard x:Name="_fadeOutStory" Completed="_fadeOutStory_Completed">
            <ColorAnimation To="Transparent" Duration="0:0:0.25" Storyboard.TargetName="_mlc" Storyboard.TargetProperty="Color"/>
            <ColorAnimation To="Transparent" Duration="0:0:0.25" Storyboard.TargetName="_mrc" Storyboard.TargetProperty="Color"/>
            <ColorAnimation To="Transparent" Duration="0:0:0.25" Storyboard.TargetName="_rc" Storyboard.TargetProperty="Color"/>
            <ColorAnimation To="Transparent" Duration="0:0:0.25" Storyboard.TargetName="_lc" Storyboard.TargetProperty="Color"/>
        </Storyboard>


    </UserControl.Resources>
    <Grid Background="White">
        <Grid x:Name="LayoutRoot" Background="Transparent" Margin="-10, -500, -10, -500" Width="2" Visibility="Visible">            
            <Grid.RowDefinitions>
                <RowDefinition Height="500"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="500"/>
            </Grid.RowDefinitions>
            <Rectangle StrokeThickness="1" Width="2">
                <Rectangle.Stroke>
                    <LinearGradientBrush StartPoint="0,0">
                        <LinearGradientBrush.GradientStops>
                            <GradientStop x:Name="_lt" Color="Transparent" Offset="0"/>
                            <GradientStop x:Name="_lc" Color="#CC055CFF" Offset="1"/>
                        </LinearGradientBrush.GradientStops>
                    </LinearGradientBrush>
                </Rectangle.Stroke>
            </Rectangle>
            <Rectangle Grid.Row="1" Width="2" StrokeThickness="1">
                <Rectangle.Stroke>
                    <LinearGradientBrush StartPoint="0,0">
                        <LinearGradientBrush.GradientStops>
                            <GradientStop x:Name="_mlt" Color="Transparent" Offset="0"/>
                            <GradientStop x:Name="_mlc" Color="#CC055CFF" Offset="0"/>
                            <GradientStop x:Name="_mrc" Color="#CC055CFF" Offset="1"/>
                            <GradientStop x:Name="_mrt" Color="Transparent" Offset="1"/>
                        </LinearGradientBrush.GradientStops>
                    </LinearGradientBrush>
                </Rectangle.Stroke>
            </Rectangle>
            <Rectangle Grid.Row="2" StrokeThickness="1" Width="2">
                <Rectangle.Stroke>
                    <LinearGradientBrush StartPoint="0,0">
                        <LinearGradientBrush.GradientStops>
                            <GradientStop x:Name="_rc" Color="#CC055CFF" Offset="0"/>
                            <GradientStop x:Name="_rt" Color="Transparent" Offset="1"/>
                        </LinearGradientBrush.GradientStops>
                    </LinearGradientBrush>
                </Rectangle.Stroke>
            </Rectangle>
        </Grid>
    </Grid>
</UserControl>
